import IconWrapper from './Wrapper';

const RawIcon = (
  <svg viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path
      d="M3.4 0.55C3.64853 0.218629 4.11863 0.151472 4.45 0.4C4.78137 0.648528 4.84853 1.11863 4.6 1.45L3.4 0.55ZM1 5L0.4 5.45C0.2 5.18333 0.2 4.81667 0.4 4.55L1 5ZM4.6 8.55C4.84853 8.88137 4.78137 9.35147 4.45 9.6C4.11863 9.84853 3.64853 9.78137 3.4 9.45L4.6 8.55ZM4.6 1.45L1.6 5.45L0.4 4.55L3.4 0.55L4.6 1.45ZM1.6 4.55L4.6 8.55L3.4 9.45L0.4 5.45L1.6 4.55Z"
      fill="currentColor"
    />
    <path
      d="M10.4 0.55C10.6485 0.218629 11.1186 0.151472 11.45 0.4C11.7814 0.648528 11.8485 1.11863 11.6 1.45L10.4 0.55ZM8 5L7.4 5.45C7.2 5.18333 7.2 4.81667 7.4 4.55L8 5ZM11.6 8.55C11.8485 8.88137 11.7814 9.35147 11.45 9.6C11.1186 9.84853 10.6485 9.78137 10.4 9.45L11.6 8.55ZM11.6 1.45L8.6 5.45L7.4 4.55L10.4 0.55L11.6 1.45ZM8.6 4.55L11.6 8.55L10.4 9.45L7.4 5.45L8.6 4.55Z"
      fill="currentColor"
    />
  </svg>
);

const BoxedIcon = (
  <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path
      d="M7.4 5.55C7.64853 5.21863 8.11863 5.15147 8.45 5.4C8.78137 5.64853 8.84853 6.11863 8.6 6.45L7.4 5.55ZM5 10L4.4 10.45C4.2 10.1833 4.2 9.81667 4.4 9.55L5 10ZM8.6 13.55C8.84853 13.8814 8.78137 14.3515 8.45 14.6C8.11863 14.8485 7.64853 14.7814 7.4 14.45L8.6 13.55ZM8.6 6.45L5.6 10.45L4.4 9.55L7.4 5.55L8.6 6.45ZM5.6 9.55L8.6 13.55L7.4 14.45L4.4 10.45L5.6 9.55Z"
      fill="currentColor"
    />
    <path
      d="M14.4 5.55C14.6485 5.21863 15.1186 5.15147 15.45 5.4C15.7814 5.64853 15.8485 6.11863 15.6 6.45L14.4 5.55ZM12 10L11.4 10.45C11.2 10.1833 11.2 9.81667 11.4 9.55L12 10ZM15.6 13.55C15.8485 13.8814 15.7814 14.3515 15.45 14.6C15.1186 14.8485 14.6485 14.7814 14.4 14.45L15.6 13.55ZM15.6 6.45L12.6 10.45L11.4 9.55L14.4 5.55L15.6 6.45ZM12.6 9.55L15.6 13.55L14.4 14.45L11.4 10.45L12.6 9.55Z"
      fill="currentColor"
    />
  </svg>
);

export default IconWrapper(RawIcon, BoxedIcon);
